import { login, getUserInfo, getUserDetailById } from '@/api/user'
import { setToken, getToken, removeToken } from '@/utils/auth'
import { resetRouter } from '@/router'
export default {
  namespaced: true,
  // vuex中的模块也是可能进行复用的  为了复用的时候 互不影响 采用同样的函数执行 return对象的形式
  state: () => ({
    token: getToken() || '',
    userInfo: {}

  }),
  mutations: {
    setToken(state, token) {
      // 存入vuex
      state.token = token
      // 存入本地
      setToken(token)// cookie
    },
    setUserInfo(state, userInfo) {
      state.userInfo = userInfo
    },
    removeToken(state) {
      state.token = ''
      state.userInfo = {}
      removeToken()
      // 重置路由系统,bug修复，在退出时，会多个/
      resetRouter()
    }

  },
  actions: {
    asyncSetToken(ctx, token) {
      // 发送请求登录 获取token
      return new Promise((resolve, reject) => {
        login(token).then(res => {
          // console.log(res)
          ctx.commit('setToken', res.data)
          // 成功调用
          resolve()
        })
      })
    },
    // 获取个人信息
    asyncGetUserInfo(ctx) {
      return new Promise((resolve, reject) => {
        // 1.调用获取个人信息接口
        getUserInfo().then(res => {
          // 依赖res.data中的userId然后发送获取图片的请求
          getUserDetailById(res.data.userId).then(imgRes => {
            console.log('imgRes', imgRes)
            // 俩个接口的数据对象需要组合成一个大对象 然后统一存入state
            console.log('组合数据', { ...res.data, ...imgRes.data })
            ctx.commit('setUserInfo', { ...res.data, ...imgRes.data })
            // 返回数据，主要是为了得到menus
            resolve({ ...res.data, ...imgRes.data })
          })
        })
        // 2.拿到数据之后通过调用mutation函数把信息存入state
      })
    }

  }
}
